<template>
	<view class="iconfont" :class="type" :style="'font-size:'+size+'rpx;color:'+color+';'+custom"></view>
</template>
<script setup>
	import {
		ref
	} from "vue"

	defineProps({
		size: {
			type: String,
			default: "32"
		},
		color: {
			type: String,
			default: "#333"
		},
		custom: {
			type: String,
			default: ""
		},
		type: String
	})
</script>
<style lang="scss" scoped>
	@font-face {
		font-family: 'iconfont';
		src: url('../font/iconfont.ttf') format('truetype');
	}

	.iconfont {
		font-family: "iconfont" !important;
		// font-size: 32rpx;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		// vertical-align: bottom;
	}
	//向右
	.right:before {
		content: "\e775";
	}
	//火
	.hot:before {
		content: "\e66c";
	}
	//搜索
	.search:before {
		content: "\e7f8";
	}
	//关闭
	.close:before {
		content: "\e60c";
	}
	//向下
	.down:before {
		content: "\e612";
	}
	//向下
	.down-full:before {
		content: "\e771";
	}
	//导游
	.guide:before {
		content: "\e63d";
	}
	//景点
	.scenery:before {
		content: "\10209";
	}
	//酒店
	.hotel:before {
		content: "\e664";
	}
	//美食
	.food:before {
		content: "\f090";
	}
	
	
	
	
	
	


</style>